<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 第一步：引入jQuery的库文件 -->
    <script src="jquery1.9/jquery-1.9.0.js"></script>
    <script>
        //使用原始的js
        // DOM对象.style.样式名
        // DOM对象.className="类名"
        // DOM对象.classList.add(类名)

        //使用jQuery
        // $(document).ready(函数)：文档就绪方法，表示当页面加载后执行参数中的函数，作用类似于window.onload
        // 可以简写为：$(函数)
        // $(document).ready(function(){
        //     $("#mydiv").css("color","red");
        // });
        // $(function(){
        //     $("#mydiv").css("color","red");
        //     $("#mydiv").css("font-size","40px");

        // });
       /*  
        window.onload和$(function(){})的区别;
            1.个数不一样 
            2.执行时机不一样
            3.是否可以简写
            
            
      */
        window.onload=function(){
            console.log("aaa");
        };
        window.onload=function(){
            console.log("bbb");
        };
        $(function(){
            console.log("ccc");
        });
        $(function(){
            console.log("ddd");
        });
      
      

    </script>
</head>
<body>
    <div id="mydiv">mydiv</div>
</body>
</html>